﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <meta name="format-detection" content="telephone=no"/>
    <title>消息</title>
    <link rel="stylesheet" type="text/css" href="../plugins/weui/css/weui.min.css">
    <link rel="stylesheet" type="text/css" href="../css/base.css">
    <link rel="stylesheet" type="text/css" href="../css/css.css">
</head>
<style type="text/css">
    body {
        background-color: #fff;
        width: 100%;
        overflow-x: hidden;
    }

    .container {
        margin-bottom: 100px;
    }

    .date_right {
        float: right;
        color: #999;
        padding-top: 5px;
    }

    .tabbar {
        position: fixed;
        bottom: 0;
    }
</style>

<body>
<div class="container">
    <div class="weui-panel__bd">
        <a href="javascript:void(0);"  class="weui-media-box weui-media-box_appmsg">
            <div class="weui-media-box__hd">
                <img class="weui-media-box__thumb" src="../images/tabbar/17.png" alt="">
            </div>
            <div class="weui-media-box__bd">
                <h4 class="weui-media-box__title">标题一<span class="date_right f12">2018/06/12 12:38</span></h4>
                <p class="weui-media-box__desc">由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。</p>
            </div>
        </a>
        <a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg">
            <div class="weui-media-box__hd">
                <img class="weui-media-box__thumb" src="../images/tabbar/17.png" alt="">
            </div>
            <div class="weui-media-box__bd">
                <h4 class="weui-media-box__title">标题二<span class="date_right f12">2018/06/12 12:38</span></h4>
                <p class="weui-media-box__desc">由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。</p>
            </div>
        </a>
    </div>
</div>
<div class="weui-tabbar tabbar">
    <a href="bossRadarIndex.html" class="weui-tabbar__item">
        <img src="../images/tabbar/10.png" alt="" class="weui-tabbar__icon">
        <p class="weui-tabbar__label">AI销售</p>
    </a>
    <a href="javascript:;" class="weui-tabbar__item">
        <img src="../images/tabbar/11.png" alt="" class="weui-tabbar__icon">
        <p class="weui-tabbar__label" style="color:#FD4D01;">消息</p>
    </a>
    <a href="contactPerson.html" class="weui-tabbar__item">
        <img src="../images/tabbar/14.png" alt="" class="weui-tabbar__icon">
        <p class="weui-tabbar__label">客户</p>
    </a>
    <a href="friendState.html" class="weui-tabbar__item">
        <img src="../images/tabbar/16.png" alt="" class="weui-tabbar__icon">
        <p class="weui-tabbar__label">商圈</p>
    </a>
    <a href="myself.html" class="weui-tabbar__item">
        <img src="../images/tabbar/18.png" alt="" class="weui-tabbar__icon">
        <p class="weui-tabbar__label">我</p>
    </a>
</div>
</div>
</body>
<script type="text/javascript" src="../js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="../plugins/weui/js/weui.min.js"></script>
<script type="text/javascript">

</script>
</html>